@charset "utf-8";
/* CSS Document */

#footer .bg .hzkh{ display:none}
#header{ width:100%; background:#fff; height:auto; overflow:visible}
.top{  width:94%; max-width:1500px; margin:0 auto; background:#fff; height:auto; overflow:visible; position:relative}

.logoo{ float:none; width:70%; max-width:380px;}
.logoo img{ width:100%}

.top-ment{ float:right; height:88px; overflow:visible; display:none}
.top .ment-ico{ display:block}
#navm{ display:block}

.side1{ width:100%; height:auto; position:relative}
.side1 .about{ width:100%; float:none; position:relative;}
.side1 .about .box{ width:80%; padding-top:20px;}
.side1 .ico{ display:none}
.side1 .right{ width:100%; float:none; padding-top:20px;}
.side1 .right .div1 .txt .nr{ width:84%; margin-left:16%; line-height:24px; padding-bottom:20px;}

.kong{ height:20px;}

.xtkf{ width:100%; height:auto; background:#333333; overflow:visible; clear:both}
.xtkf .left{ width:100%; float:none; position:relative; display:none}
.xtkf .left .txt{ position:absolute; color:#fff; z-index:99; width:80%; left:20px; top:20px;}
.xtkf .left .txt .name{ height:30px; line-height:24px; color:#fff; font-size:14px;}
.xtkf .left .txt .xian{width:22px; height:2px; background:#fff; margin-top:5px;}
.xtkf .left .txt .nr{padding-top:8px;}
.xtkf .left .txt .more{padding-top:20px; overflow:hidden; display:block}
.xtkf .left .tu img{ width:100%;}
.xtkf .right{ width:100%; float:none; overflow:visible}
.xtkf .right ul{ height:100%}
.xtkf .right ul li{ width:50%; height:100%; float:left; color:#fff; position:relative; cursor:pointer; overflow:hidden}
.xtkf .right ul li em{ display:block; position:absolute; width:100%; height:102%; background:#333; left:0; top:-1%; box-shadow:0 0px 5px #000; display:none}
.xtkf .right ul li .box{  border:1px solid #fff; position:relative; z-index:99; left:0; top:0; padding-top:20px; padding-bottom:20px;}
.xtkf .right ul li .box table{ width:100%; height:100%;}
.xtkf .right ul li .box table tr td{ vertical-align:middle; height:100%; width:100%; text-align:center;}
.xtkf .right ul li .box  img{ max-width:40%}
.xtkf .right ul li .box .name{ width:90%;display:block;  margin:0 auto;  height:20px; font-size:14px; padding-top:10px; color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xtkf .right ul li .box .nr{ width:56%; margin:0 auto; line-height:24px; color:#fff; padding-top:20px; font-size:12px; display:none }
.xtkf .right ul li:hover em{ display:none}


.pro{ width:100%; height:auto; position:relative; margin-top:20px;}
.pro ul li{ float:left; width:50%; overflow:hidden; position:relative}
.pro ul li img{ display:block; width:100%;}
.pro ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.pro ul li .box .box1{display:table; width:100%; height:100%;}
.pro ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.pro ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.pro ul li .box i{ padding-top:5px; display:block}
.pro ul li .box i img{ width:auto; display:inline}
.pro ul li.li1{ width:50%; display:none}
.pro ul li.li2{ width:50%; position:relative; display:none}
.pro ul li.li2 .box-f{ width:100%; height:100%; position:absolute; z-index:99; left:0; top:0}
.pro ul li.li2 .box-nr{ padding:40px;}
.pro ul li.li2 .box-nr .txt{ width:100%; height:auto}
.pro ul li.li2 .box-nr .txt .more{ float:right; width:37px; height:37px; display:block}
.pro ul li.li2 .box-nr .txt .left{ margin-right:45px; }
.pro ul li.li2 .box-nr .txt .left .name{height:30px; line-height:30px; color:#333; font-size:20px;}
.pro ul li.li2 .box-nr .txt .left .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.pro ul li.li2 .box-nr .txt .left .nr{ height:24px; line-height:24px; color:#333; padding-top:10px;}
.pro ul li.li2 .box-nr .list{ padding-top:10px;}
.pro ul li.li2 .box-nr .list a{ display:block; float:left; height:36px; padding-left:15px; padding-right:15px; overflow:hidden; background:#eeeeee; line-height:38px; margin-right:3px; margin-bottom:3px; color:#333333}
.pro ul li.li2 .box-nr .list a:hover{ background:#333333; color:#fff;}

.pro2{ width:100%; height:auto; position:relative; display:none}

.join{ display:none}


/****************************** case *************************************/
.casen{ margin-top:20px;}
.casen .txt ul li{ width:50%;}
.casen .txt ul li.li1{ width:100%;}



/****************************** about *************************************/

.aboutn{ width:100%; height:auto; background:#fff; margin-top:20px; position:relative}
.aboutn .left{ width:100%; float:none;}
.aboutn .left .txt{ padding:20px 20px}
.aboutn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.aboutn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.aboutn .left .txt .nr{line-height:24px; color:#666666; padding-top:20px; font-size:14px;}
.aboutn .tu{ display:none}


.gslln{ width:100%; height:auto; margin-top:40px; position:relative}
.gslln .tu{ width:100%;}
.gslln .tu img{ width:100%;}
.gslln .box{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:99}
.gslln .box .txt{ padding:20px 10px; color:#fff}
.gslln .box .txt .name{height:30px; line-height:30px; font-size:20px; color:#fff}
.gslln .box .txt .xian{width:22px; height:2px; background:#fff; margin-top:5px;}
.gslln .box .txt .cn{ padding-top:10px;  line-height:24px; font-size:16px; color:#fff}
.gslln .box .txt .em{ color:#fff; line-height:18px; font-size:12px;}

.about-new{ width:100%; height:auto; background:#fff; margin-top:40px;}
.about-new .title{ width:94%; margin:0 auto; margin-top:20px;}
.about-new .title .more{ float:right; width:24px; height:24px;}
.about-new .title .more img{ width:100%}
.about-new .title .bt{ margin-right:34px; width:auto}
.about-new .title .bt .name{ height:30px; line-height:30px; font-size:20px; color:#333;}
.about-new .title .bt .xian{ width:22px; height:2px; background:#333; margin-top:10px;}
.about-new .txt{  width:94%; margin:20px auto}
.about-new .txt dl{ float:left; width:100%; overflow:hidden; margin-left:0; margin-bottom:15px;}
.about-new .txt dl dt{ width:100%; height:auto; position:relative; overflow:hidden}
.about-new .txt dl dt img{ width:100%; display:block}
.about-new .txt dl dt .time{ width:90px; height:90px; position:absolute; z-index:999; background:#31302e; left:0; top:0}
.about-new .txt dl dt .time span{ display:block; width:90%; margin:0 auto; border-bottom:1px solid #6f6f6d; height:40px; padding-top:5px; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.about-new .txt dl dt .time em{ display:block; width:90%; margin:0 auto; height:40px; padding-top:5px; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.about-new .txt dl dd{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.about-new .txt dl dd .name{ height:30px; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333}
.about-new .txt dl dd .memo{ height:60px; line-height:20px; color:#666; padding-top:8px;}


/****************************** contact *************************************/
/*.contactn{ width:100%; height:auto; background:#fff; margin-top:20px; position:relative}
.contactn .bg{ width:96%; margin:20px auto;}
.contactn .bg .fk{ float:none; width:100%;}
.contactn .bg .fk .name{ height:30px; line-height:30px; color:#333333; font-size:18px; text-transform:uppercase}
.contactn .bg .fk .memo{ width:100%; padding-top:8px; color:#666; font-size:12px;}
.contactn .bg .fk .txt{ padding-top:20px;}
.contactn .bg .fk .txt ul li{ overflow:hidden; height:auto; margin-bottom:10px;}
.contactn .bg .fk .txt ul li .inp{ background:none; width:100%; border:none; border-bottom:1px solid #f3f3f3; height:29px; line-height:29px; color:#333333; float:none; overflow:hidden}
.contactn .bg .fk .txt ul li .inp2{ float:none; margin-top:10px;}
.contactn .bg .fk .txt ul li .btn{ width:128px; height:38px; background:#131110; border:none; text-align:center; line-height:32px; color:#fff; cursor:pointer;}
.contactn .bg .right{ float:none; width:100%; margin-top:20px;}*/




/****************************** news *************************************/
.newsn{width:100%; height:auto;  margin-top:40px; position:relative}
.newsn ul li{ width:100%; height:97px; overflow:hidden; background:#fff; margin-bottom:15px;}
.newsn ul li dl{ width:96%; height:77px; margin:10px auto;}
.newsn ul li dl dt{ width:120px; height:77px; float:left; overflow:hidden}
.newsn ul li dl dt img{ display:block; width:100%;}
.newsn ul li dl dd{ margin-left:130px; height:77px; overflow:hidden}
.newsn ul li dl dd .name{ height:24px; margin-top:0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333333; font-size:14px;}
.newsn ul li dl dd .memo{ width:100%; height:40px; line-height:20px; color:#666; padding-top:6px;}
.newsn ul li dl dd .time{ line-height:20px; color:#999; padding-top:5px; display:none}


/****************************** Service *************************************/
.wzjsn{ width:100%; height:auto; background:#fff; margin-top:20px; position:relative}
.wzjsn .left{ width:100%; float:none;}
.wzjsn .left .txt{ padding:20px 20px}
.wzjsn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.wzjsn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.wzjsn .left .txt .nr{line-height:24px; color:#666666; padding-top:20px; font-size:14px;}
.wzjsn .left .txt .more{padding-top:38px; overflow:hidden; display:block}
.wzjsn .tu{ width:100%; float:none}
.wzjsn .tu img{ width:100%; display:block;}



.wx-sc{ width:100%; height:auto; margin-top:20px; position:relative}
.wx-sc ul li{ float:none; width:100%; overflow:hidden; position:relative}
.wx-sc ul li img{ display:block; width:100%;}
.wx-sc ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.wx-sc ul li .box .box1{display:table; width:100%; height:100%;}
.wx-sc ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.wx-sc ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.wx-sc ul li .box i{ padding-top:5px; display:block}
.wx-sc ul li .box i img{ width:auto; display:inline}
.wx-sc ul li.li1{ float:none}

.appn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.appn .left{ width:100%; float:none;}
.appn .left .txt{ padding:20px 20px}
.appn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.appn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.appn .left .txt .nr{line-height:24px; color:#666666; padding-top:20px; font-size:14px;}
.appn .left .txt .more{padding-top:38px; overflow:hidden; display:block}
.appn .tu{ width:100%; float:none}
.appn .tu img{ width:100%; display:block;}

/****************************** xtkf *************************************/
.xtkfn{ width:100%; height:auto; background:#fff; margin-top:20px; position:relative}
.xtkfn .left{ width:100%; float:none;}
.xtkfn .left .txt{ padding:20px 20px}
.xtkfn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.xtkfn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.xtkfn .left .txt .nr{line-height:24px; color:#666666; padding-top:20px; font-size:14px;}
.xtkfn .tu{ float:none; width:100%}


.xtkfn-txt{ width:100%; height:auto;  margin-top:20px; background:none }
.xtkfn-txt ul li{ width:100%; height:auto; float:none; background:#fff  overflow:hidden; margin-bottom:20px; clear:both }
.xtkfn-txt ul li .bg{ padding:20px; color:#666}
.xtkfn-txt ul li .title{ height:32px; text-transform:uppercase}
.xtkfn-txt ul li .title i{ display:block; width:32px; height:32px; position:relative; overflow:hidden; float:left}
.xtkfn-txt ul li .title i span{ display:block; width:100%; height:100%; overflow:hidden}
.xtkfn-txt ul li .title i em{ display:none; width:100%; height:100%; overflow:hidden}
.xtkfn-txt ul li .title i img{ width:100%;}
.xtkfn-txt ul li .title .name{ margin-left:42px; height:32px; line-height:32px; font-size:16px;}
.xtkfn-txt ul li .nr{ padding-top:20px; height:135px;}
.xtkfn-txt ul li .more{ margin-top:20px; width:37px; height:37px; background:url(../images/more-ico.png) no-repeat;}

.xtkfn-txt ul li:hover{ background:#333}
.xtkfn-txt ul li:hover .bg{ color:#fff;}
.xtkfn-txt ul li:hover .title i span{ display:none}
.xtkfn-txt ul li:hover .title i em{ display:block}
.xtkfn-txt ul li:hover  .more{ background:url(../images/more-ico.png) no-repeat}
.xtkfn-txt ul li.li1{ width:100%; }


.aaAccordion li div.caption .ico{ width:64px; height:57px; display:block;position: absolute; left:50%; top:50%; margin-left:-32px;  margin-top:-28px; z-index:99}
			.aaAccordion li div.caption .nr{ width:121px; height:121px; display:none; position:absolute;left:50%; top:50%;  margin-left:-60px;  margin-top:-60px; z-index:99; background:#2c5195; border-radius:50%; color:#fff;}
			.aaAccordion li div.caption .nr .name{ text-align:center; height:32px; text-align:center; padding-top:25px;}
			.aaAccordion li div.caption .nr .name span{ display:inline-block; height:32px; line-height:32px; border-bottom:none; font-size:15px;}
			.aaAccordion li div.caption .nr .memo{ width:80%; margin:0 auto; padding-top:5px; text-align:center; line-height:18px; display:none}
			.aaAccordion li div.caption .nr .more{ display: block;overflow: hidden; width:37px; height:37px; margin:0 auto; margin-top: 5px;}
			.aaAccordion li div.caption .show2{ display:block}
			.aaAccordion li div.caption .hide2{ display:none}
			
			
			
.wzjsn2 .wzjsn-box{ width:100%; border-bottom:1px solid #ddd; background:#fff}
.wzjsn2 .wzjsn-box .bg{ width:90%; margin:30px auto;}
.wzjsn2 .wzjsn-box .bg .name{ text-align:center; height:40px; line-height:40px; font-size:20px; color:#000}
.wzjsn2 .wzjsn-box .bg .memo{ text-align:center; line-height:22px; font-size:12px;}
.wzjsn2 .wzjsn-box .bg .txt{ width:90%; margin:0 auto; margin-top:20px;}
.wzjsn2 .wzjsn-box .bg .txt ul li{ width:100%; height:40px; float:none; overflow:hidden; text-align:center; text-align:center; font-size:14px;  border-radius:30px; background:#f1f1f1; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.wzjsn2 .wzjsn-box .bg .txt ul li:hover{ background:#223d73; color:#fff}
.wzjsn2 .wzjsn-box2{ background:#fbfbfb}

.wzjsn2 .jzlc{ width:100%; background:#fff; height:auto}
.wzjsn2 .jzlc .bg{width:90%; margin:30px auto;}
.wzjsn2 .jzlc .bg .name{text-align:center; height:40px; line-height:40px; font-size:20px; color:#000}
.wzjsn2 .jzlc .bg .txt{ width:90%; margin:0 auto; margin-top:20px;}
.wzjsn2 .jzlc .bg .txt img{ width:100%;}


.dzapp{ width:94%; max-width:1500px; margin:30px auto; background:#fff}
.dzapp .banner-tu{ width:100%;}
.dzapp .banner-tu img{ width:100%;}
.dzapp .dzapp-side1{ width:100%; height:auto; }
.dzapp .dzapp-side1 .txt{ width:94%; margin:15px auto;}
.dzapp .dzapp-side1 .txt ul li{ width:50%; height:auto; margin-bottom:20px; float:left; overflow:hidden; cursor:pointer;}
.dzapp .dzapp-side1 .txt ul li .memo{ display:none;}


.dzapp .need{ width:100%; height:auto; margin-top:30px;}
.dzapp .need .name{ text-align:center; font-size:18px; line-height:36px; color:#000}
.dzapp .need .txt{width:94%; margin:0 auto; margin-top:40px;}
.dzapp .need .txt ul li{ float:left; width:25%; position:relative; height:auto; margin-bottom:20px; overflow:hidden; overflow:hidden}
.dzapp .need .txt ul li .box{ width:80%; margin:0 auto; position:relative; z-index:999; bottom:-0;}
.dzapp .need .txt ul li .box .bt{ width:100%; height:30px; text-align:center; line-height:30px; font-size:14px;}
.dzapp .need .txt ul li .box .tu{ width:100%; margin:0 auto; max-width:169px; margin-top:10px;}
.dzapp .need .txt ul li .box .tu img{ width:100%; opacity:5}
.dzapp .need .txt ul li:hover .box{ bottom:0;}
.dzapp .need .txt ul li:hover .bt{ color:#746ea6; font-size:16px;}
.dzapp .need .txt ul li:hover .tu img{ opacity:1}

.dzapp .tgfw{width:100%; height:auto; margin-top:30px;}
.dzapp .tgfw .name{ text-align:center; font-size:18px; line-height:36px; color:#000}



.wxyy2{ width:94%; max-width:1500px; margin:30px auto; background:#fff}
.wxyy2 .banner-tu{ width:100%;}
.wxyy2 .banner-tu img{ width:100%;}
.wxyy2 .wxyy-side1{ width:100%; height:auto; border-bottom:2px solid #f4f4f4 }
.wxyy2 .wxyy-side1 .txt{ width:100%; margin:25px auto;}
.wxyy2 .wxyy-side1 .txt ul li{ width:50%; height:auto; float:left; overflow:hidden; cursor:pointer;}
.wxyy2 .wxyy-side1 .txt ul li .tu{ width:192px; height:192px; border-radius:50%; overflow:hidden; margin:0 auto; background:url(../images/work/wxyy-q.png) no-repeat; position:relative;transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.wxyy2 .wxyy-side1 .txt ul li:hover .tu{background:url(../images/work/wxyy-q2.png) no-repeat;}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd{ width:100%; height:200%; position:absolute; left:0; bottom:0; z-index:999; overflow:hidden}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd span{ width:100%; height:50%; display:block; overflow:hidden}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd span img{ width:110px; height:110px; margin:0 auto; margin-top:41px; display:block}
.wxyy2 .wxyy-side1 .txt ul li .name{ width:92%; margin:0 auto; height:32px; text-align:center; line-height:32px; padding-top:5px; color:#000000; font-size:16px;}


.wxyy2 .wxyy-side2{ width:100%; margin-top:30px;}
.wxyy2 .wxyy-side2 .txt{ width:100%;}
.wxyy2 .wxyy-side2 .txt ul li{ width:50%; height:auto; float:left; overflow:hidden; margin-bottom:20px;}
.wxyy2 .wxyy-side2 .txt ul li .box{ width:80%; max-width:205px; border:1px solid #a0a0a0; margin:0 auto; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; box-shadow:0 0 0 #a0a0a0}
.wxyy2 .wxyy-side2 .txt ul li .box .tu{ width:60%; max-width:70px; margin:0 auto; margin-top:30px;}
.wxyy2 .wxyy-side2 .txt ul li .box .tu img{ width:auto; display:block;height: 66px;}
.wxyy2 .wxyy-side2 .txt ul li .box .name{ width:94%; margin:0 auto; height:48px; text-align:center; line-height:30px; padding-top:18px; color:#2ba245; font-size:14px; font-weight:bold}
.wxyy2 .wxyy-side2 .txt ul li .box .memo{ width:94%; margin:0 auto; text-align:center; line-height:20px; font-size:12px; padding-top:5px; padding-bottom:15px; height:60px; overflow:hidden ; color:#000}
.wxyy2 .wxyy-side2 .txt ul li:hover .box{box-shadow:0 0 10px #a0a0a0}